<template>
  <div>
    <h1>兄弟 - 子 - 父 - 子</h1>
    <one @onezhi="shou"></one>
    <hr />
    <two :fu1="fu"></two>
  </div>
</template>

<script>
import one from "@/components/fz/one.vue";
import two from "@/components/fz/two.vue";

export default {
  components: {
    one,
    two,
  },
  data() {
    return {
      fu: "",
    };
  },
  methods: {
    shou(d) {
      console.log(d);
      this.fu = d;
    },
  },
};
</script>

<style lang="scss" scoped>
</style>